import React ,{Component}from 'react';
import { Carousel } from 'antd';
import './swiper.css';


export default class Swiper extends Component {

    constructor(props){
        super(props);
        this.state = {
            itemList:[]
        };
    }
    render () {
        return (
            <div className="swiper">
                  <Carousel autoplay>
                     {
                         this.props.swiperData.map((item,i)=>{
                             return  <div key={i}>
                                        <img alt="home" className="image" src={item.imgUrl}/>
                                     </div>
                         })
                     } 
                  </Carousel>
            </div>
        )
    }
}